import { Skeleton } from './skeleton'

export function InfiniteScrollLoading() {
  return (
    <div className="flex justify-center p-6">
      <div className="flex flex-col items-center gap-2">
        <Skeleton className="h-8 w-8 rounded-full" />
        <p className="text-sm text-muted-foreground">加载更多数据...</p>
      </div>
    </div>
  )
}

export function InfiniteScrollEnd() {
  return (
    <div className="flex justify-center p-6">
      <p className="text-sm text-muted-foreground">已加载全部数据</p>
    </div>
  )
}